<template>
  <div class="box">
    <div class="header_box">
      <d-header />
    </div>
    
    <div class="elements_box">
      <elements-box />
    </div>

    <div class="edit_box">
      <edit-box />
    </div>
  </div>
</template>

<script>
  import dHeader from '../components/header/Header.vue'
  import ElementsBox from '../components/elements-box.vue'
  import EditBox from '../components/edit.vue'


  export default {
    name: 'Home',
    components: {
      dHeader,
      ElementsBox,
      EditBox

    }
  }
</script>

<style lang="less" scoped>
  .box {
    overflow: hidden;
    .header-box {}

    .elements_box {
      width: 8.3%;
      float: left;
    }

    .edit_box {
      float: right;
      width: 16%;
      border: 1px solid #000;

    }
  }
</style>
